import React, {Component} from 'react';
import {Link} from "react-router-dom";
import { UserOutlined } from '@ant-design/icons';
import { Form, Icon, Input, Button, Checkbox, Card, message } from "antd";
import { setToken } from "../utils/auth";
import "./login.css";

 export default class Login extends Component{
    constructor(props) {
        super(props);

        this.state = {
            userInfo:{

            }
        };
    }

    render() {
        /*样式*/
        const loginStyle = {
            header: {
                backgroundColor: "#333333",
                color: "#FFFFFF",
                "padding-top": "15px",       // 原始css属性需要用引号
                paddingBottom: "15px",
                fontSize:60,
                textAlign:"center"
            },

        }
        return(
            <div>
                <h1 style={loginStyle.header}>登录页面</h1>
                <Input size="large" placeholder="large size" prefix={<UserOutlined />} />
                <br />
                <Button type="primary" block>
                    Primary
                </Button>

                <Button type="link" block>
                    <Link to="/admin/userInfo">主页</Link>
                </Button>
            </div>
        )

    }

}
